<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>dragLayout</title>
	<link rel="stylesheet" type="text/css" href="css/dragLayout.css" media="all" />
</head>
<body>
	<div id="main">
		<div id="left">

		</div>
		<div id="right">
		  <div style="width:100%;margin:10px auto;border:1px solid red;height:228px;">例子演示</div>
		</div>
	</div>
	
	<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
	<script type="text/javascript" src="js/dragLayout.js"></script>
	<script type="text/javascript">
	
		var obj = $.dragLayout({
				container: $("#main"),
				leftMenuWidth:120,
				speed:0.8,
				dragBarWidth:5
			});		
	</script>
</body>
</html>